<#macro script_import>
</#macro>
<#macro script>
</#macro>
<#macro css_import>
</#macro>
<#macro css>
</#macro>
<#macro layout>
    <!--
    author: W3layouts
    author URL: http://w3layouts.com
    License: Creative Commons Attribution 3.0 Unported
    License URL: http://creativecommons.org/licenses/by/3.0/
    -->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>Adamant an Industrial Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
        <!-- for-mobile-apps -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="keywords" content="Adamant Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
        <script type="application/x-javascript"> addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        } </script>
        <!-- //for-mobile-apps -->
        <link href="${CTPATH}/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="${CTPATH}/css/style.css" rel="stylesheet" type="text/css" media="all"/>
        <!-- js -->
        <script type="text/javascript" src="${CTPATH}/js/jquery-2.1.4.min.js"></script>
        <!-- //js -->
        <!-- gallery -->
        <link rel="stylesheet" href="${CTPATH}/css/lightGallery.css" type="text/css" media="all"/>
        <!-- //gallery -->
        <!-- font-awesome icons -->
        <link rel="stylesheet" href="${CTPATH}/css/font-awesome.min.css"/>
        <!-- //font-awesome icons -->
        <link href="//fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
        <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
              rel='stylesheet' type='text/css'>
        <@css_import />
        <#if css ??>
            <style type="text/css">
                <
                @css />
            </style>
        </#if>
    </head>
    <body>
    <!-- header -->
    <div class="header">
        <div class="w3layouts_header_left">
            <p>Maecenas consectetur orci accumsan.</p>
        </div>
        <div class="w3layouts_header_right">
            <ul>
                <li><i class="fa fa-phone" aria-hidden="true"></i>(+000) 123 456</li>
                <li style="margin-left: 22px"><i class="fa fa-envelope" aria-hidden="true"></i><a
                        href="mailto:info@example.com">info@example.com</a></li>
                <li><i class="fa fa-language" aria-hidden="true"></i>中文</li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="w3_navigation">
        <div class="container">
            <nav class="navbar navbar-default" >
                <div class="navbar-header navbar-left">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" style="margin-right: 5%">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
                    <nav class="cl-effect-5" id="cl-effect-5" style="text-align: center">
                        <ul class="nav navbar-nav" style="display:inline-block;">
                            <@jp.menus>
                            <#list menus as menu>
                                <#if menu.isActive() >
                                    <li class="active">
                                        <#else>
                                    <li>
                                </#if>
                                <a href="${menu.url!}" class="scroll">
                                    <span data-hover="${menu.title!}">${menu.title!}</span>
                                </a></li>
                            </#list>
                        </@jp.menus>
                        </ul>
                    </nav>
                </div>
            </nav>
        </div>
    </div>
    <!-- //header -->
    <#nested>
        <!-- footer -->
        <div class="w3l_footer">
            <div class="container">
                <h3 class="w3l_head w3l_head1 w3l_head1_w3layouts">Subscribe Us</h3>
                <p class="w3ls_head_para w3ls_head_para1">for daily updates</p>
                <form action="#" method="post">
                    <input type="email" name="Email" placeholder="Email" required="">
                    <input type="submit" value="Subscribe">
                </form>
                <div class="w3ls_footer_grids">
                    <p class="agileits_w3layouts_est">Duis et aliquam est, cursus dictum libero. Quisque ac mi eu lacus
                        finibus placerat.
                        Pellentesque efficitur tortor vel ipsum mattis convallis.</p>
                    <div class="w3ls_footer_grid">
                        <div class="col-md-4 w3ls_footer_grid_left">
                            <div class="w3ls_footer_grid_leftl">
                                <i class="fa fa-map-marker" aria-hidden="true"></i>
                            </div>
                            <div class="w3ls_footer_grid_leftr">
                                <h4>Location</h4>
                                <p>3481 Melrose Place,Beverly Hills, Brazil 90210.</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="col-md-4 w3ls_footer_grid_left">
                            <div class="w3ls_footer_grid_leftl">
                                <i class="fa fa-envelope" aria-hidden="true"></i>
                            </div>
                            <div class="w3ls_footer_grid_leftr">
                                <h4>Email</h4>
                                <a href="mailto:info@example.com">info@example.com</a>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="col-md-4 w3ls_footer_grid_left">
                            <div class="w3ls_footer_grid_leftl">
                                <i class="fa fa-phone" aria-hidden="true"></i>
                            </div>
                            <div class="w3ls_footer_grid_leftr">
                                <h4>Call Us</h4>
                                <p>(+000) 123 4571 121</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="w3l_footer_pos">
                <p>© 2017 Adamant. All Rights Reserved | Design by <a href="https://w3layouts.com/">W3layouts</a></p>
            </div>
        </div>
        <!-- //footer -->
        <!-- for bootstrap working -->
        <script src="${CTPATH}/js/bootstrap.js"></script>
        <!-- //for bootstrap working -->
        <!-- start-smooth-scrolling -->
        <script type="text/javascript" src="${CTPATH}/js/move-top.js"></script>
        <script type="text/javascript" src="${CTPATH}/js/easing.js"></script>
        <script type="text/javascript">
            //    jQuery(document).ready(function($) {
            //        $(".scroll").click(function(event){
            //            event.preventDefault();
            //            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            //        });
            //    });
        </script>
        <!-- start-smooth-scrolling -->
        <!-- here stars scrolling icon -->
        <script type="text/javascript">
            $(document).ready(function () {
                /*
                    var defaults = {
                    containerID: 'toTop', // fading element id
                    containerHoverID: 'toTopHover', // fading element hover id
                    scrollSpeed: 1200,
                    easingType: 'linear'
                    };
                */

                $().UItoTop({easingType: 'easeOutQuart'});

            });
        </script>
        <!-- //here ends scrolling icon -->
    </body>
    </html>
</#macro>